<template>
	<view>
		<view class="x-p-l-32 x-p-r-32">
			<u-swiper :list="swiper_model" height="360rpx" keyName="imageUrl" 
				indicator></u-swiper>
		</view>
		<view class="u-m-t-80 u-p-l-10 u-p-r-10">
			<u-grid :border="false" col="4">
				<!-- <u-grid-item @tap="$u.route('/subpkg/order/order')">
					<view
						class="flex align-center justify-center flex-direction u-m-b-20">
						<u-icon name="/static/subpkg/order.png" size="92rpx"></u-icon>
						<view class="u-font-xs text-black u-m-t-10 ">洗护订单</view>
					</view>
				</u-grid-item> -->
				<u-grid-item @tap="$u.route('/subpkg/order/mallOrder')">
					<view
						class="flex align-center justify-center flex-direction u-m-b-20">
						<u-icon name="/static/subpkg/shoporder.png" size="92rpx"></u-icon>
						<view class="u-font-xs text-black u-m-t-10 ">商城订单</view>
					</view>
				</u-grid-item>
				<u-grid-item  @tap="$u.route('/subpkg/goods/goods')">
					<view
						class="flex align-center justify-center flex-direction u-m-b-20">
						<u-icon name="/static/subpkg/product.png" size="92rpx"></u-icon>
						<view class="u-font-xs text-black u-m-t-10 ">商品管理</view>
					</view>
				</u-grid-item>
				<u-grid-item @tap="$u.route('/subpkg/bill/bill')">
					<view
						class="flex align-center justify-center flex-direction u-m-b-20">
						<u-icon name="/static/subpkg/jdorder.png" size="92rpx"></u-icon>
						<view class="u-font-xs text-black u-m-t-10 ">店铺账单</view>
					</view>
				</u-grid-item>
				<u-grid-item @tap="$u.route('/subpkg/jdOrder/jdOrder')"> 
					<view
						class="flex align-center justify-center flex-direction u-m-b-20">
						<u-icon name="/static/subpkg/jd.png" size="92rpx"></u-icon>
						<view class="u-font-xs text-black u-m-t-10 ">京东快运</view>
					</view>
				</u-grid-item>
			</u-grid>
		</view>
	</view>
</template>

<script>
	import {
		getIndexList,
	} from '@/common/api/api.js'
	export default {
		data() {
			return {
				swiper_model:[]
			}
		},onShow() {
			this.getIndexList();
		},
		methods: {
			getIndexList() {
				getIndexList().then(res => {
					let data = res.data;
					this.swiper_model = data.swiper_model;
				})
			},
		}
	}
</script>

<style>
	page{
		background-color: #fff;
	}
</style>
